Form Input

The text input and its variations.

Introduction

Astral form-input CSS class is meant for <input> HTML elements. The following type attributes are supported:type="text",type="password",type="email" and more.


Colors

Astral's form input comes in various colors







Style

For those that don't like the default form input you are free to use our utilities classes to redesign one that fits your needs.In the example below rounded-corners class was used to make the the form input have rounded corners


States

These are the various states a form input can be in Astral.

Normal


Focused


Disabled


Readonly inputs

If you use the readonly HTML attribute, the input will look similar to a normal one, but is not editable and has no shadow.